<template>
  <div class="fav-main section">
    <div class="fav-header fav-header-info">
      <div class="fav-info clearfix">
        <el-row>
          <el-col :span="8">
            <div class="page-head__left">
              <h3 class="section-title">
                <p class="item cur video-title">默认收藏夹</p>
              </h3>
            </div>
          </el-col>
          <el-col :span="16">
            <div class="fav-filters clearfix">
              <div class="filter-item do-batch">
                <span class="text">批量操作</span>
              </div>
              <div class="be-dropdown filter-item">
                <span>
                  全部分区
                  <i class="icon icon-arrow"></i>
                </span>
                <ul
                  class="be-dropdown-menu filter-type menu-align-"
                  style="left: 0px; top: 0px; transform-origin: center top; display: none;"
                >
                  <li class="be-dropdown-item">
                    <span>全部分区</span>
                    <i>0</i>
                  </li>
                </ul>
                <!---->
              </div>
              <div class="be-dropdown filter-item">
                <span>
                  最近收藏
                  <i class="icon icon-arrow"></i>
                </span>
                <ul
                  class="be-dropdown-menu menu-align-"
                  style="left: 0px; top: 0px; transform-origin: center top; display: none;"
                >
                  <li class="be-dropdown-item">最近收藏</li>
                  <li class="be-dropdown-item">最多播放</li>
                  <li class="be-dropdown-item">最新投稿</li>
                </ul>
                <!---->
              </div>
              <div class="filter-item search">
                <div class="search-input search-container">
                  <input type="text" placeholder="输入关键词" class="search-fav-input space_input" />
                  <span title="点击搜索" class="icon icon-search"></span>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
    <div class="fav-content section">
      <ul class="fav-video-list clearfix content">
        <li data-aid="BV1A14y1f77e" class="small-item">
          <a
            data-v-4e065dda
            href="//www.bilibili.com/video/BV1A14y1f77e/"
            target="_blank"
            class="cover cover-normal"
          >
            <!---->
            <div class="b-img" data-v-4e065dda>
              <picture class="b-img__inner">
                <source
                  type="image/avif"
                  srcset="//i2.hdslb.com/bfs/archive/6d090128cd159a9e40bc70610b1750e1b74d238d.jpg@320w_200h_1c_!web-space-favlist-video.avif"
                />
                <source
                  type="image/webp"
                  srcset="//i2.hdslb.com/bfs/archive/6d090128cd159a9e40bc70610b1750e1b74d238d.jpg@320w_200h_1c_!web-space-favlist-video.webp"
                />
                <img
                  src="//i2.hdslb.com/bfs/archive/6d090128cd159a9e40bc70610b1750e1b74d238d.jpg@320w_200h_1c_!web-space-favlist-video.webp"
                  alt="盘点十大经典面试必问问题"
                  loading="lazy"
                  onload="bmgOnLoad(this)"
                  onerror="bmgOnError(this)"
                  data-onload="bmgCmptOnload"
                />
              </picture>
            </div>
            <span data-v-4e065dda class="length">06:51</span>
            <span data-v-4e065dda class="i-watchlater"></span>
            <div data-v-4e065dda class="meta-mask">
              <div data-v-4e065dda class="meta-info">
                <p data-v-4e065dda class="view">播放：2万</p>
                <p data-v-4e065dda class="favorite">收藏：1921</p>
                <!---->
                <p data-v-4e065dda class="author">UP主：职场石老师在逃</p>
                <p data-v-4e065dda class="pubdate">投稿：5-6</p>
              </div>
            </div>
            <div data-v-4e065dda class="disabled-cover">
              <div data-v-4e065dda class="candle"></div>
              <p data-v-4e065dda>视频已失效</p>
              <!---->
            </div>
          </a>
          <a
            target="_blank"
            href="//www.bilibili.com/video/BV1A14y1f77e/"
            title="盘点十大经典面试必问问题"
            class="title"
          >盘点十大经典面试必问问题</a>
          <div class="meta pubdate">收藏于： 5-13</div>
          <div class="be-dropdown video-edit">
            <div class="be-dropdown-trigger">
              <i title="更多操作" class="iconfont icon-ic_more"></i>
            </div>
            <ul
              class="be-dropdown-menu menu-align-"
              style="left: 0px; top: 0px; transform-origin: center top; display: none;"
            >
              <li class="be-dropdown-item be-dropdown-item-delimiter">取消收藏</li>
              <li class="be-dropdown-item">移动到</li>
              <li class="be-dropdown-item">复制到</li>
            </ul>
          </div>
          <div class="video-check-container" style="display: none;">
            <div class="video-check icon"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  }
};
</script>
<style   scoped>
</style>